<!DOCTYPE HTML>
<html class="html">
<head>
    <meta name="viewport"
          content="width=device-width,height=device-height,target-densitydp=device-dpi,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <title>View port demo</title>

    <link rel="stylesheet" type="text/css" href="../css/grammar_js.css"/>
</head>
<body>
<ul class="top_tab">
    <li onclick="toast()">
        <p>information</p>
    </li>
    <li onclick="updateTab()">
        <p id="cx">mine</p>
    </li>
    <li onclick="showTab('false')">
        <p id="is">other</p>
    </li>
    <li onmouseover="greet()" onmouseout="detain()">
        <p>news</p>
    </li>
    <li>
        <p>sport</p>
    </li>
    <li>
        <p>clothes</p>
    </li>
    <li>
        <p>sight</p>
    </li>
    <li>
        <p>environment</p>
    </li>
</ul>

<div class="div">
    <label>Name:<input id="name" type="text" onchange="checkLegal()"></label>
</div>




</body>

<script type="text/javascript" src="../js/grammar_js.js"></script>

</html>